// 弹框
.el-dialog__wrapper:not(.form-fullscreen-dialog){
  .el-dialog{
    .el-dialog__header{
      height: 20px;
      font-size: 20px;
      font-family: SourceHanSansCN-Regular;
      color: #333333;
      padding: 20px;
      display: flex;
      align-items: center;
      position: relative;
      .el-dialog__title{
        line-height: 20px;
        font-size: 20px;
        color: #333333;
      }
      .el-dialog__headerbtn{
        .el-dialog__close{
          color: #BFBFBF;
        }
      }
    }
    .el-dialog__header::before{
      content: "";
      display: block;
      width: 4px;
      height: 20px;
      background: #3471FF;
      margin-right: 20px;
    }
    .el-dialog__header::after{
      content: "";
      display: block;
      width: calc(100% - 40px);
      height: 1px;
      background: #DCDFE6;
      position: absolute;
      bottom: 0;
    }
  }
}


// 表格
.jvs-table{
  background-color: #ffffff;
  // 标题
  .jvs-table-titleTop{
    padding: 0 20px!important;
    .el-card__body{
      padding: 0!important;
      padding-top: 4px!important;
      padding-bottom: 20px!important;
      box-sizing: border-box;
      .pageheader-top{
        padding: 18px 0;
        border-bottom: 1px solid #DCDFE6;
        margin: 0;
        .pageheader-line{
          margin: 0;
          margin-right: 15px;
          border-radius: 0;
        }
        .title{
          margin: 0;
        }
      }
      .table-top{
        padding: 20px 0;
        box-sizing: border-box;
        border-bottom: 1px solid #DCDFE6;
        .table-top-left{
          margin: 0;
        }
      }
    }
  }
  // 顶部查询
  .jvs-table-top{
    padding: 0 20px!important;
    box-sizing: border-box;
    .el-card__body{
      padding-bottom: 0!important;
      .table-top{
        border: 0;
      }
      .search-form{
        box-sizing: border-box;
        margin: 0;
        padding: 20px 0;
        border-bottom: 1px solid #DCDFE6;
      }
    }
  }
  // 内容
  .table-body-box{
    .el-table{
      margin-top: 0!important;
      .el-table__header-wrapper{
        margin: 0!important;
        tr{
          th{
            box-sizing: border-box;
            height: 55px;
            background-color: #F3F3F3;
            color: #333333;
            font-size: 16px;
            font-weight: normal;
            border: 0;
          }
        }
      }
      .el-table__body-wrapper{
        .el-table__body{
          tr{
            color: #555555;
            font-size: 14px;
            td{
              box-sizing: border-box;
              height: 45px;
              .el-button--text{
                font-size: 14px;
                color: #3471FF;
              }
            }
          }
          tr:hover > td{
            background: #EFF2F7;
          }
        }
        .el-table__empty-block{
          border: 0;
          .el-table__empty-text{
            display: block;
            width: 457px;
          }
          .el-table__empty-text::before{
            content: "";
            display: block;
            width: 457px;
            height: 180px;
            background-image: url('../const/img/emptyImage.png');
            background-size: 260px 123px;
            background-repeat: no-repeat;
            background-position: center;
          }
        }
      }
    }
  }
}


// 树形组件
.el-tree{
  position: relative;
  .el-tree-node{
    .el-tree-node__content{
      height: 35px;
      border-radius: 4px;
      span:not(.el-tree-node__expand-icon){
        font-size: 16px;
        color: #333333;
      }
      .el-tree-node__expand-icon:not(.is-leaf){
        color: #868BA1;
        font-size: 16px;
      }
    }
    .el-tree-node__content:hover{
      background: #EFF2F7!important;
    }
  }
  // .el-tree-node.is-current{
  //   .el-tree-node__content{
  //     span:not(.el-tree-node__expand-icon){
  //       color: #3471FF;
  //     }
  //   }
  // }
  .el-tree-node.is-current{
    .el-tree-node:not(.is-expanded){
      span:not(.el-tree-node__expand-icon){
        color: #3471FF;
      }
      .el-tree-node__content{
        //background-color: #EFF2F7!important;
      }
    }
  }
  .el-tree-node:focus{
    >.el-tree-node__content{
      background: none;
    }
  }
  .el-tree__empty-block{
    position: unset;
    .el-tree__empty-text{
      display: none;
    }
  }
  .el-tree__empty-block::before{
    content: "";
    display: block;
    width: 100%;
    height: 180px;
    background-image: url('../const/img/emptyImage.png');
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: calc(50% - 20px);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #909399;
    font-size: 14px;
    background-size: 260px 123px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .el-tree__empty-block::after{
    content: "抱歉，没有找到相关搜索内容！";
    position: absolute;
    left: 50%;
    top: calc(50% + 70px);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #909399;
    font-size: 12px;
  }
}

// 气泡提示框
.el-popover{
  padding: 12px 0;
}
